Siguiendo la costumbre de visitar los amigos de Twitter descubro una sencilla forma de dividir el texto de una entrada en dos columnas. Lo explica Ariane en su blogTemplates Novo Blogger.
El resultado resulta atractivo y podemos obtener una entrada diferente.
Podemos añadir cualquier imagen siempre que no supere el tamaño asignado a la columna.





<div style="float:left; width: 45%">texto-columna-izquierda</div>
<div style="float:right; width: 45%">texto-columna-derecha</div>
<div style="clear: both"></div>



SpamLoco

Está bueno esto, estilo diario :)

Responder
Gem@

Hola Alejandro. Así es, estilo diario, es una de las formas más sencillas que he visto para hacerlo.

Responder
Opcionez

Nunca se me habia ocurrido, y de verdad que se ve muy bien.

¿Se pueden utilizar atributos como "justify" ?

Responder
Gem@

Así es Opciones, puedes justificarlo con <p align="justify">texto a justificar</p> ;)

Responder
Opcionez

Perfecto, tan simple y tan vistoso. Creo que lo usaré en algunas entradas. Gracias

P.D. Hey por cierto... es Opcionez, la Z me caracteriza. No seas mala. Jeje :P

Responder
Gem@

Me alegra que te sea de utilidad.
Disculpa mi error Opcionez :O

Responder
Graciela de Palomas

Gema probaré como queda!!!, besos cariño

Responder
sebastian

me viene barbaro!, gracias y un 10 + IVA para este Blog. aguante y vamos por masssss

Responder
Gem@

Saludos Graciela de Palomas, ya me cuentas como fue :)

Todo tuyo Sebastián ;)

Responder
paqui

Creo que me vendrá muy bien, cuando tengo una receta que lleva muchos ingredientes, así le puedo poner en dos.
Besicos, como siempre eres fantastica Gema

Responder
Anónimo

Hola Gem@.-

Genial, me ha quedado lindisimo en el blog, de ahroa en adelante publícaré mis entradas que desee darle un lindo aspecto con este.-

Saludos y un abrazo!.-

Responder
Gem@

Es buena idea Paqui a un lado los ingredientes y al otro la receta ;)

Me alegra que te guste Birdelo :)

Responder
G

Bueno, no es un truco muy nuevo; lo vi hace un tiempo en el blog de YK y de Rosa en este post y en este otro.

Responder
Gem@

G ni es nuevo ni es truco, y si te fijas bien la forma de hacerlo es diferente, en los enlaces que dejas está creado con tablas y aquí muestra una forma de hacerlo sin necesidad de crear tablas.
Ni mejor ni peor, sencillamente distinto ;)

Responder
paqui

Gema, he intentado ponerlo en configuración/formato para que salga en todas las entradas y me dice" este formulario tiene errores" como le puedo solucionar.
Gracias besicos

Responder
Gem@

Hola Paqui,lo he mirado y llevas razón intentaré la forma de solucionarlo ;)

Responder
Aviber

Hola Gema:siempre con tus excelentes propuestas,lo apliqué en una tabla y no me cerraba,el problema estaba en que en el código que pusiste se perdió el div al principio,salvado eso funcionó perfectamente
hasta pronto

Responder
paqui

Gracias Gema estaré pendiente.
Besicos

Responder
Pizcos

Hola!!! me entrometo!!! ☺☺☺ el ultimo div tiene una errata, hay que separar el div del style...

Salu2 twittera...

Responder
Gem@

Me alegra verte y que lo solucionaras Aviber :)

Paqui mi ahijado tiene razón había una errata y ponía "divstile" en lugar de "div estyle" (ya está solucionado :)

Gracias ahijado que bien que te diste cuenta :)

Responder
paqui

Bueno ahora que está solucionado y colocado en el blog mil gracias.
Pizcos ya quisiera yo ver los fallos a vista de pájaro, con tiempo y una caña............

Responder
Pizcos

Mejor que sean dos ;)

Responder
Gem@

¿Las dos para ti? reparte, ahijado reparte....

Responder
paqui

Ya que estamos tres, así no tendremos disputas

Responder
Gem@

Conforme ;)

Responder
Pizcos

yo tambien ;)

Responder
" Amigas Clarisas "

Hola estoy intentando poner un divider en esta plantilla tal y como indicas tú, pero no logro que salga. ¿Podrias ayudarme? Gracias y un saludo.


ana

http://amigasclarisass.blogspot.com/

Responder
Gem@

Amigas Clarisas se refiere a una imagen para separar las entradas una de otra ¿verdad?
Quizás estas explicaciones sean útiles Tres opciones de añadir dividers :)

Responder
TITICENT

Muchas gracias GEMA esto es ideal para mis post de infinitos Links

Responder
Gem@

De nada TITICENT :)

Responder
Bonzu Pipinpadaloxicopolis III

bueno

Responder
Gem@

Hola Bonzu :)

Responder
Gsar Flakita

Hola Gema esta super interesante tu blog
lo voy siguiendo desde ayer (si es que no me equivoco)
La info de tu blog esta super interesante
Estoy leyendo casi todos los posts que has hecho con los consejitos para nnuestros blogs
y este me encantó, era lo que estaba buscando porq muy pronto posteare y necesita hacer 2 columnas besos desde Ecuador

Responder
Gem@

Bienvenida Gsar Flakita :)
Me alegra que te fuera útil.

Responder
lk

hola gem@, otra cuestión (no sé dónde ponerla). me gustaría ampliar el tamaño de la letra del título de las entradas o usar un tipo de letra que no sea los que vienen en blogger. ¿cómo debo hacerlo? THANK IU

Responder
Pitusa11

Me encanta, super sencillo y rápido de aplicar ;)

Responder
Gem@

:: Me alegra que te guste Pitusa11, gracias por comentar :)

Responder
ofo1965

Hola Gema.
Me gustaría justificar tanto el texto de las entradas como de los comentarios, antes de probar las dos columnas. ¿Como?.

Responder
Gem@

:: Hola ofo1965, para justificar el texto puedes hacerlo en el editor de entradas una vez te sitúas en la pestaña redactar marcando el texto que vas a justificar y pulsando en el icono que justifica en texto al centro o.. de esta forma que viene a ser lo mismo:
<div style="text-align: justify;">
Texto...
</div>

Si prefieres hacerlo en la hoja de estilos para el texto de los post sería en
.post {
text-align : justify;
}
y en los comentarios
.comment-body p {
text-align : justify;
}

Responder
ofo1965

Gracias de nuevo Gema. Estoy dejando de lado un poco esto.

Responder
Gem@

:: No hay problema ofo1965, siempre hay tiempo de retomar el blog ;)

Responder
Andrea

Hola Gema, GRACIASSSSSSSS, qué sencillo lo explicas aquí, lo intenté poner con tablas y era un rollaco, una curiosidad: si quisiera poner tres columnas ¿podría? Un saludo!

Responder
Gem@

:: Hola Andrea, te dejé la url de dos entradas en el otro comentario y una de ellas es precisamente eso la forma de mostrar tres o más columnas :)
http://gemablog-.blogspot.com/2010/05/texto-en-varias-columnas-css3.html

Responder
Andrea

Hola Gema, sí, tienes razón, de hecho llegué hasta aquí pinchando en "veíamos" que está en esa entrada, y es porque yo solo quiero poner las columnas en una página, no en todo el blog, aunque supongo que es lo mismo, porque con tal de no poner ese trozo de código en las entradas que no quiero ya no sale. Gracias otra vez, es que contigo parece tan fácil... :D

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top